<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport" content="device-width" initial-scale="1" />
	<title>商家注册</title>
            <link rel="stylesheet" href="css/style.css" />
            <link rel="stylesheet" href="css/extra.css" />
            <link rel="stylesheet" href="css/merchant.jquery.css">
    
    <style>
    .user_form{zoom:1;}
	.user_form:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
	.user_form select,
	.user_form .formErrorContent{padding-left:10px;line-height:24px;}
  </style>
    
    <script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/jquery.validationEngine-zh_CN.js"></script>
    <script src="js/jquery.validationEngine.min.js"></script>
    <script>

			$.validationEngineLanguage.allRules.ajaxVerify={
			"url": "phpajax/ajaxValidateVerify.php",
			"extraData": "name=eric",
			"alertTextOk": "<strong style='color:#090;'>√<strong>",
			"alertText": "<strong>×</strong>",
			"alertTextLoad": ""
		};
		
		jQuery(document).ready(function(){
			// binds form submission and fields to the validation engine
			jQuery("#user_form").validationEngine({ 
				scroll:false,
				//binded:false,
				//showArrow:false,
				promptPosition:"centerRight",
				maxErrorsPerField:1,
				showOneMessage:true,
				addPromptClass:"formError-noArrow formError-text",
				custom_error_messages:{
					"#pwd":{
						"minSize":{
							"message":"* 密码不得少于 6 位，建议使用英文与数字组合"
						}
					}
				}
			});
		});
		</script>


</head>
<body onload="createYZCode()">
	<div class="merchant-head">
        <!-- 商家注册顶部开始 -->
        <div class="merchant-top">
            <div class="merchant-logo">
    	        <img src="images/merchant-logo.png" height="50px" width="390px"> 
	        </div>
	        <div class="merchant-logo1">
	        	<p>单位注册</p>
	        </div>
        </div>
        <!-- 商家注册顶部结束 -->

    </div>
    <div class="progress_bar">
    </div>
    <div class="merchant_content">
        <form action="" method="post" id="user_form" class="user_form formular">
    	    <div>
    	    	<span>用户名：</span>
    	    	<input type="text" class="text validate[required]" name="name">
    	    </div>
    	    <div>
    	    	<span>登录密码：</span>
    	    	<input type="password" class="text validate[required,minSize[6],maxSize[20]]" name="password" id="pwd">
    	    </div>
    	    <div>
    	    	<span>确认密码：</span>
    	    	<input type="password" class="text validate[condRequired[pwd],equals[pwd]]" name="">
    	    </div>
    	    <div>
    	    	<span>验证码：</span>
    	    	<input type="text" id="input" class="text1 validate[required,ajax[ajaxVerify]]" name="" data-prompt-position="center:246,35,0,0">
    	    	<input type="button" id="YZcode" onclick="createYZCode()" /><a onclick="createYZCode()"></a>
    	    </div>
                <div class="read_protocol">
                    <input type="checkbox" class="validate[required]" id="agree" name="agree" data-prompt-position="centerRight:250,0">
                    <label for="agree" >
                    <small>我已阅读并接受</small>
                    <strong>《勤工助学协议》</strong>
                    </label>
                </div>
                <div class="clear"></div>
                <div ><input type="submit" name="btn" onclick="validate()" class="merchant_btn" value="提交"></div>

        </form>

    </div>
    
</body>
</html>